<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.container{
			   width: 500px;
			   height: 400px;
			   display: grid;
			   grid-template-columns: 40px auto 50px 40px;
			   grid-template-rows: 200px auto;
			   grid-auto-columns: 50px;
			   grid-gap: 5px;
			}
			.container div{
				background-color: aqua;
			}
		</style>
	</head>
	<body>
		<div class="container">
		  <div class="item">1</div>
		  <div class="item">2</div>
		  <div class="item">3</div>
		  <div class="item">4</div>
		  <div class="item">5</div>
		  <div class="item">6</div>
		  <div class="item">7</div>
		  <div class="item">8</div>
		  <div class="item">9</div>
		  <div class="item">10</div>
		</div>
	</body>
</html>